/**
 * 重置element样式
 */

.el-tabs {
    height: 100%;
    display: flex;
    flex-direction: column;

    .el-tabs__content {
        flex: 1;

        .el-tab-pane {
            height: 100%;
        }
    }
}

.el-table .header-row-class-name th.el-table__cell,
.el-table.is-scrolling-left th.el-table-fixed-column--left {
    background-color: rgba(0, 12, 61) !important;
    color: var(--el-color-white);
}

.el-tabs.el-tabs--border-card {
    border: none;

    .el-tabs__header {
        background-color: var(--el-color-white);
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.2);

        .el-tabs__item {
            &:hover {
                background-color: var(--el-color-primary-light-9);
            }
        }

        .el-tabs__item.is-active {
            color: var(--el-color-white);
            background-color: var(--el-color-primary);
            border-right-color: var(--el-border-color);
            border-left-color: var(--el-border-color);

            &:hover {
                color: var(--el-color-white);
            }
        }
    }
}


.hc-dialog,
.table-form,
.el-form.el-form--inline {
    .el-form-item {
        margin-right: 24px;

        &__content {
            .el-input-number {

                &__decrease,
                &__increase {
                    color: #fff;
                    background-color: #0084fe;

                    :hover {
                        color: rgba(35, 74, 124);
                    }
                }
            }
        }

        &__label {
            color: var(--el-color-white);
            font-weight: normal !important;
        }
    }

    .el-button {
        // padding: 8px 30px;
    }

    .el-range-editor {
        background-color: rgba(35, 74, 124) !important;
    }

    .el-input,.el-select {
        --el-input-text-color: var(--card-title);
        --el-input-border-color: transparent;
        --el-select-border-color: transparent;
        --el-input-bg-color: rgba(35, 74, 124);
        --el-input-hover-border-color: #0084fe;

        .el-input__wrapper,.el-select__wrapper {
            background-color: rgba(35, 74, 124);
            border: transparent;
            border-left: 2px solid #0084fe;
            border-right: 2px solid #0084fe;
        }
    }

    .el-input__inner {
        color: #fff;
    }

    .el-select {
        --el-select-border-color-hover: #0084fe;
    }

    .el-range-editor.el-input__wrapper {
        box-shadow: none;
        background: transparent;
    }

    .el-date-editor .el-range-input {
        color: var(--card-title);
    }

    .el-date-editor .el-range-separator {
        color: var(--card-title);
    }

    .el-textarea {
        color: #fff;
        --el-input-border-color: transparent;
        --el-input-hover-border-color: #0084fe;

        &__inner {
            border: none;
            border-left: 2px solid #0084fe;
            border-right: 2px solid #0084fe;
            background-color: rgba(35, 74, 124);
        }
    }
}

.el-form.el-form--inline {
    .el-form-item__content {
        .el-input {
            width: 220px;
        }
        .el-select {
            width: 220px;
        }

    }
}

.hc-dialog {
    .el-input {
        --el-input-bg-color: rgba(0, 0, 0, 0.25);

        .el-input__wrapper {
            background-color: rgba(0, 0, 0, 0.25);
        }
    }

    .el-textarea {
        &__inner {
            // background-color: rgba(0, 0, 0, 0.25);
        }
    }
}

:deep(.el-date-editor).el-input__wrapper {
    box-shadow: none;
    background: transparent;
}

.el-table .el-table__body tr td .el-switch.is-checked .el-switch__core {
    background-color: rgb(87 96 115) !important;
}
.el-collapse{
    .el-collapse-item__header,.el-collapse-item__content,.el-collapse-item__wrap{
      background-color: transparent;
    }
}